<div class="right-plate" id="keywordTable">
  <div class="table-thead" [ngClass]="{'table-thead-scroll':tabVal && tabVal.length > 17}">
    <table class="tableStyle table table-hover table-striped">
      <thead>
        <tr>
          <th class="w5 text-center">
            <input type="checkbox" #event (click)="_selectAll(event.checked,tabVal)" [checked]="isSelectAll">
          </th>
          <th class="w5 text-center max-w">序号</th>
          <th class="w15 text-left max-w">产品名称</th>
          <th class="w15 text-left max-w">作者</th>
          <th class="w15 text-left max-w">所属任务</th>
          <th class="w15 text-left max-w">标引人</th>
          <th class="w15 text-left max-w">标引主题表数量</th>
          <th class="w15 text-left max-w">标引主题词数量</th>
        </tr>
      </thead>
    </table>
  </div>
  <div class="table-tbody">
    <table class="tableStyle table table-hover table-striped">
      <tbody>
        <tr *ngFor="let val of tabVal;let i = index">
          <td class="bs-checkbox w5 text-center">
            <input type="checkbox" #event (click)="_chose(event.checked,val.id,tabVal.length)" [checked]="isChose">
          </td>
          <td class="w5 text-center">{{ i+1 }}</td>
          <td class="w15 text-left max-w">{{ val.name }}</td>
          <td class="w15 text-left max-w">{{ val.author }}</td>
          <td class="w15 text-left max-w">{{ val.taskName }}</td>
          <td class="w15 text-left max-w"><span *ngFor="let v of val.userNames">{{ v }} &nbsp;&nbsp;</span></td>
          <td class="w15 text-left max-w">{{ val.themeWordTableCount }}</td>
          <td class="w15 text-left max-w">{{ val.themeWordCount }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>